
<html　xmlns="http://www.thymeleaf.org">
<head>
    <title>部门列表</title>
	<script th:inline="javascript"></script>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript"  src="../../static/jquery.js"  ></script>

    <script type="text/javascript" src="../../static/pageCommon.js"    charset="utf-8"></script>
    <script type="text/javascript" src="../../static/PageUtils.js"    charset="utf-8"></script>
    <link type="text/css" rel="stylesheet" href="../../static/style/blue/pageCommon.css" />
    <script type="text/javascript">
    </script>
</head>
<body>
 
<div id="Title_bar">
    <div id="Title_bar_Head">
        <div id="Title_Head"></div>
        <div id="Title"><!--页面标题-->
            <img border="0" width="13" height="13" src="../../static/style/images/title_arrow.gif"/> 部门管理
        </div>
        <div id="Title_End"></div>
    </div>
</div>

<div id="MainArea">
    <table border="1" class="TableStyle">
       
        <!-- 表头-->
        <thead>
            <tr align=center valign=middle id=TableTitle>
            	<td width="150px">部门名称</td>
				<td width="150px">上级部门名称</td>
				<td width="200px">职能说明</td>
				<td>相关操作</td>
            </tr>
        </thead>

		<!--显示数据列表-->
        <tbody id="TableData" class="dataContainer" >
        
        
			<tr class="TableDetail1 template"　th:each="department:${allDepartment}">
				<td th:text="${department.dname}">aaa</td>
				<td th:text="${department.parent}">bbb</td>
				<td th:text="${department.ddesc}">ccc</td>
				<td>
					<a th:href="@{'departmentAction_delete/'+${department.did}}" onclick="return window.confirm('这将删除所有的下级部门，您确定要删除吗？')">删除</a>
					<a th:href="@{'departmentAction_editUI/'+${department.did}}">修改</a>
				</td>
			</tr>
	
			
        </tbody>
    </table>
    
    <!-- 其他功能超链接 -->
    <div id="TableTail">
        <div id="TableTail_inside">
            <a href="departmentAction_addUI"><img src="../../static/style/images/createNew.png" /></a>
        </div>
    </div>
</div>

<!--说明-->	
<div id="Description"> 
	说明：<br />
	1，列表页面只显示一层的（同级的）部门数据，默认显示最顶级的部门列表。<br />
	2，点击部门名称，可以查看此部门相应的下级部门列表。<br />
	3，删除部门时，同时删除此部门的所有下级部门。
</div>

</body>
</html>
